﻿@model dynamic
<div id="studyMaterialsGrid" class="slickgrid">
</div>
<button id="addStudyMaterialButton" class="button">Upload Study Material</button>
<div class="hidden">
    <div id="addStudyMaterialDialog" title="Upload Study Materials">
        <form id="addStudyMaterialForm">
        <label for="addStudyMaterial_name">Name:</label><input type="text" id="addStudyMaterial_name" name="name" class="required" />
        <input id="fileupload" type="file" name="files[]" data-url="/studymaterialsmanagement/upload" style="visibility: hidden">
        <label for="addStudyMaterial_file">File:</label><span id="fileUploadFilename"></span>
        <button id="selectFileButton" class="button">Select file</button>
        </form>
    </div>
    <div id="deleteMaterialDialog" title="Delete Study Material">
        Are you sure you want to delete <span id="studyMaterialName" class="warning"></span>?
    </div>
</div>
@section styles {
    <link href="@Url.Content("~/Content/css/studymaterialsmanagement.css")" rel="stylesheet" type="text/css" />
}
@section scripts {
    <script src="@Url.Content("~/scripts/jquery.iframe-transport.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.fileupload.js")"></script>
    <script src="@Url.Content("~/js/studymaterialsmanagement.js")"></script>
}
